@charset "utf-8";

/* 注意：以下长度用em换算，1em=10px。特别注意文字大小，父子层级会继承，所以不要在div中定义字体大小，只能用span修改字体。
------------------------------------------------------------------------------------------------------ */

/* 全局样式
-------------------------------------------------------------- */
html,body,a,p,span,ul,img{ padding:0; margin:0; list-style:none; border:none; font-size:14px;font-family:"Microsoft Yahei","Arial"; color:#666;}
p{line-height:25px;}
img{ border:none; vertical-align:middle;}
td{ vertical-align:center; font-size:14px;}
body{ background:#fff; overflow-x:hidden;}
/* 链接样式 */
a {text-decoration:none; outline:none;}
a:visited {text-decoration:none; outline:none;}
a:hover {text-decoration:none; outline:none;}

/* 常用元素 */
.clear { clear:both; font-size:1px; line-height:0px; height:0px; }

/* 层浮动 */
.left { float: left; }
.right{ float: right; }
.center { margin: 0 auto; }

/* 文字对齐 */
.tleft { text-align:left; }
.tright { text-align:right; }
.tcenter {text-align:center; }

* html,* html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}

/* 主体内容开始
-------------------------------------------------------------- */

.page { margin: 0 auto; width:100%; height: auto; }
.content{ width:100%; margin: 0 auto;}


#pages{padding-top:5px; margin:0 auto; padding:25px 0; }
#pages a{border: 1px solid #DDD;color: #333;margin: 2px;padding: 2px 5px;text-decoration: none;font-size:13px;}
#pages a:hover{border: 1px solid #DDD;color: #333;margin: 2px;padding: 2px 5px;text-decoration: none;background: #195091;color:#FFF;font-size:13px;}
#pages span {background: #195091;border: 1px solid gainsboro;color: white;font-weight: bold;margin: 2px;padding: 2px 5px;font-size:12px;}

/* banner */
/* banner */

.banner { width: 100%; max-height:500px; margin: 0px auto; overflow: hidden; color: #fff; position: relative; z-index:01;}
.banner .slides li { -webkit-transition: opacity 1s cubic-bezier(.165, .74, .44, 1); transition: opacity 1s cubic-bezier(.165, .74, .44, 1); position:relative; }
.banner .slides li img { width:100%;}
.transy { transform: translateY(60px); -webkit-transform: translateY(60px); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; transition: 700ms; -webkit-transition: 700ms; opacity: 0; }
.bankung { position:absolute; width:100%; top:65%; left:0; z-index:99;}
.bantext { font-size:14px; color:#fff; font-weight:bold; text-align:left; background:url(../images/more.png) no-repeat; width:154px; height:43px; line-height:43px; padding-left:27px;}
.banner .slides li a:hover .bantext { padding-left:29px;}

.banner li.transShow .en.transy, .banner li.transShow .zh.transy, .banner li.transShow small.transy, .banner li.transShow strong.transy { transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1; }
.banner li .baTxts b.transy { transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); }
.banner li.transShow .baTxts b.transy { width: 359px; opacity: 1; }
.transShow { transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1; }
.banner .flex-control-nav { text-align: center; position: absolute; left:45%; bottom:17%; z-index: 29; }
.banner .flex-control-nav li { display: inline-block; margin-right: 10px; }
.banner .flex-control-nav li a { display: block; width:12px; height:12px; transition: 555ms; text-indent: 999px; overflow: hidden; background:#fff; border-radius:50%;}
.banner .flex-control-nav li a.flex-active { background:#009999; }
/**/
.mobilec .carousel-indicators { bottom:0;}
@media only screen and (max-width:991px){
.banner .flex-control-nav {  bottom:30px;}

}
@media only screen and (max-width:641px){
	.banner .flex-control-nav{ width:100%; left:0; bottom:10px;}
	.banner .flex-control-nav li a {  background-size:90%;}
	.banner .flex-control-nav li a.flex-active {  background-size:90%; }


}


/*--header--*/

.fl {    float: left;}
.fr{ float: right;}
.header
{
    position: relative;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 110px;

    -webkit-transition: all .3s ease-out 0s;
       -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
         -o-transition: all .3s ease-out 0s;
            transition: all .3s ease-out 0s;

}
.header.act .mainli.act::after
{
    opacity: 1;
}
.header .logo {  height:104px;width:210px;}
.logo img { width:100%;  }

.header .mainli {
    position: relative;
    float: left;
    height: 100%;
	background:url(../images/menux.jpg) no-repeat right;
    padding-right: 24px;
    padding-left: 24px;
    letter-spacing: .5px;
}
.header .mainli:last-child { background:none;}
.header .mainli::after
{
    position: absolute;
    bottom: -2px;
    left: 50%;

    width: 0;
    height: 0;

    content: '';
    -webkit-transition: all .5s ease-out 0s;
       -moz-transition: all .5s ease-out 0s;
        -ms-transition: all .5s ease-out 0s;
         -o-transition: all .5s ease-out 0s;
            transition: all .5s ease-out 0s;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);

    opacity: 0;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
}
.header .mainli.act::after
{
    -webkit-transition: all .3s ease-out 0s;
       -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
         -o-transition: all .3s ease-out 0s;
            transition: all .3s ease-out 0s;

    opacity: 1;
}.header .mainli.act2::after
 {
     opacity: 1 !important;
 }
.header .mainli:last-child
{
    padding-right: 0;
}
.header .mainli .maina
{
    color: #4a4a4a; font-size:16px; font-weight:bold;
    line-height: 110px;
    display: inline-block;
    height: 100%;
    -webkit-transition: all .3s ease-out 0s;
       -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
         -o-transition: all .3s ease-out 0s;
            transition: all .3s ease-out 0s;
}
.header .mainli.act .maina{    color: #009999; font-size:16px; font-weight:bold;}

.header .mainli .maina.iconfont
{
    font-size: 16px;
    padding-bottom: 2px;
    vertical-align: middle;
}
.header .mainli:last-child .la {
    position: relative;
    padding-right: 20px;
}
.header .mainli:last-child::after
{
    display: none;
}
.header .mainli:last-child .la::after
{
    position: absolute;
    top: 50%;
    right: 0;

    width: 1px;
    height: 16px;

    content: '';
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);

    background: #c9c9c9;
}
.header .mainli:last-child .ra{ padding-left:18px;}
.header .dropmenu
{
    position: absolute;
    top: 110px;
    left: 0;
   width: 100%;
}


.header .dropmenu .drop
{
    display: none;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 2px solid #fff;
    background: rgba(255,255,255,.9);
}
.header .dropmenu .drop .indrop{ width: 1280px;margin: auto;}
.header .dropmenu .drop ul { width:100%;}
.header .dropmenu .drop li { display:inline-block;padding: 15px;}
.header .dropmenu .drop li a
{
    font-size: 15px;
    display: block;
    transform: translateX(0px);
    color: #333;
}
.header .dropmenu .drop li a:hover
{
    transform: translateX(8px);
    color: #009999;
}
.header .dropmenu .dropsearch
{
    width: 521px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 83px;
}
.header .dropmenu .dropsearch .searchtext
{
    font-size: 16px;
    width: 300px;
    height: 33px;

    border-bottom: 1px solid #b7b6b6;
}
.header .dropmenu .dropsearch .searchsub
{
    font-size: 16px;

    margin-left: 25px;

    color: #ca161a;
}
.header .dropmenu .linkdiv
{
    padding-right: 18px;
}
.header .dropmenu .linkdiv img
{
    width: 291px;
    height: 145px;
}
.header .dropmenu .linkdiv h4
{
    font-size: 16px;

    margin-top: 25px;
}
.menu1 { text-align:center;}
.menu2 { text-align:center;}
.menu3 { text-align:center;}
.menu4 { text-align:right;}
.menu5 { text-align:right;}
.menu6 { text-align:right;}
.menu7 { text-align:right;}

@media (max-width:1380px) {
.header .mainli {
    padding-right: 15px;
    padding-left: 15px;
}
.header .dropmenu .drop .indrop
{
    width: 1200px;
}
}
.headerm { display:none;}
.disnone
{
    display: none !important;
}

@media (max-width:1200px) {
.header { display:none;}
.headerm { display:block;}
}

/*手机头部*/
.headerm {
    width: 100%;
    padding:0 20px;
	position:relative;
}
.headerm .logodiv img
{
    width: 180px;
}
.headerm .navbtn
{
    position: relative;
    width: 38px;
    height: 35px;
	border:none;
	margin-top:25px;
    background: #009999;
}
.headerm .navbtn span
{
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 26px;
    height: 1px;

    -webkit-transition: all .2s ease-out 0s;
       -moz-transition: all .2s ease-out 0s;
        -ms-transition: all .2s ease-out 0s;
         -o-transition: all .2s ease-out 0s;
            transition: all .2s ease-out 0s;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);

    background: #fff;
}
.headerm .navbtn img
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 25px;
    height: 25px;

    -webkit-transition: all .2s ease-out 0s;
       -moz-transition: all .2s ease-out 0s;
        -ms-transition: all .2s ease-out 0s;
         -o-transition: all .2s ease-out 0s;
            transition: all .2s ease-out 0s;
    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);

    opacity: 0;
}
.headerm .navbtn span::before,
.headerm .navbtn span::after
{
    position: absolute;
    left: 0;
    width: 26px;
    height: 1px;
    content: '';
    background: #fff;
}
.headerm .navbtn span::before
{
    top: -7px;
}
.headerm .navbtn span::after
{
    top: 7px;
}
.headerm .navbtn.act span
{
    opacity: 0;
}
.headerm .navbtn.act img
{
    opacity: 1;
}
.dropmenum
{
    position: absolute;
    top: 88px;
    left: 0;
    display: none;
    width: 100%;
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 40px;
    padding-left: 20px;
    border-top: 1px solid #ddd;
    background: #fff;
    box-shadow: 5px 5px 10px rgba(0,0,0,.1);
	z-index:99;
}
.dropmenum ul .mainli ul
{
    display: none;
}
.dropmenum ul .mainli h5
{
    font-size: 14px;
    padding-top: 15px;
    padding-bottom:15px;
    border-bottom: 1px solid #ddd;
}
.dropmenum ul .mainli h5 .fr
{
    line-height: 45px;

    width: 30px;
    height: 100%;
    margin-top: -15px;
    margin-bottom: -15px;
    padding-right: 10px;

    text-align: center;
}
.dropmenum ul .mainli li
{
    padding-top: 15px;
    padding-bottom: 15px;
}
.dropmenum ul .mainli ul
{
    padding-left: 35px;

    border-bottom: 1px solid #ddd;
}
.dropmenum ul .mainli h5 a,
.dropmenum ul .mainli li a
{
    color: #333;
}
.headerm form
{
    line-height: 39px;

    width: 100%;
    height: 39px;

    color: #666;
    border-bottom: 1px solid #ddd;
}
.headerm form input
{
    width: 80%;
}
.headerm .serbtn
{
    margin-top: 6px;

    cursor: pointer;
}
.headerm .iconfont
{
    font-size: 26px;

    color: #ccc;
}
.nbarm
{
    position: relative;
    z-index: 60;
}


.slide .bimg { display: block; width: 100%; }
.banner .bimg { width: 100%; display: block; }
.banner .mimg { width: 100%; height: auto; display: none; }


@media only screen and (max-width:641px){
    .banner .slide .bimg{ display:none;}
	.banner .slide .mimg{ display:block;}
}

.headtop {}
.boter { background:url(../images/menubg.jpg) repeat-x bottom;}
.line45 { line-height:45px;}
.language { float:right; line-height:45px;}
.headblue { background:url(../images/jux.png) no-repeat; width:348px; height:45px; float:right; padding-left:28px;}
.headzs { float:left; padding-left:15px; background:url(../images/menub.jpg) no-repeat left; margin-left:23px; margin-top:19px;}
.headzs strong { color:#fff; border:1px solid #fff; width:68px; height:22px; line-height:22px; text-align:center; display:inline-block;}
.headrx { float:left; line-height:20px; padding-top:1px;}
.headrx span { background:url(../images/phone.png) no-repeat left; font-size:15px; color:#fff; padding-left:15px; display:block;}
.headrx strong { font-size:24px; color:#fff;}
.advert { float:left; font-size:20px; color:#f24d10; padding-top:23px; padding-left:40px; font-weight:bold;}
.advert strong { color:#009999; font-size:25px;}
.carousel-indicators li { background:#fff;}
.mobilec .carousel-indicators .active { background:#009999; border:1px solid #009999;}

@media only screen and (max-width:1380px){
.advert { font-size:18px;  padding-top:28px; }
.advert strong { color:#009999; font-size:22px;}
}

@media only screen and (max-width:991px){
.headblue{ display:none;}
}
@media only screen and (max-width:640px){
.headtop { display:none;}

}

/*--homepro--*/
.banpositon { position:relative; padding-bottom:75px;}
.homepro { position:absolute; bottom:0px; width:100%; z-index:99;}
.homepro ul li { background:#fff; width:16.66%; float:left; padding:0 16px; overflow:hidden; padding-bottom:8px;}
.homepro ul li:nth-child(2n-1){ background:#E1E1E1;}
.homepro ul li strong { font-size:16px; line-height:20px; height:20px;  color:#333333; font-weight:500; display:block; text-align:center; margin-top:30px; margin-bottom:17px;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.homepro ul li p { line-height:20px; height:40px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.homepro ul li em { display:block; float:right; padding-top:8px;}
.homepro ul li:hover strong { color:#009999; font-weight:bold;}
.homepro ul li:hover p { color:#009999;}

.homesearch { background:#009999; overflow:hidden; margin-top:20px; padding:6px;}
.white { color:#fff; font-size:16px;}
.white a {color:#fff; font-size:16px;}
.searright { float:right; width:220px; background:rgba(255,255,255,0.9); height:30px;}
.searright .searl { background:none; width:194px; border:none; outline:0; cursor:pointer; padding-left:7px; color:#b39f9f; line-height:28px; margin:0; float:left;}
.searr { background:url(../images/search.png) no-repeat center left; width:25px; height:30px; border:0; cursor:pointer; outline:0;}


@media only screen and (max-width:1440px){
.banpositon { position:relative; padding-bottom:100px;}
}
@media only screen and (max-width:1280px){
.banpositon { position:relative; padding-bottom:110px;}

}
@media only screen and (max-width:1024px){
.banpositon { position:relative; padding-bottom:120px; z-index:9;}
.homepro ul li { padding:0 10px; padding-bottom:8px;}
.homepro ul li strong { font-size:15px;}
.homepro ul li p { font-size:13px;}
}
@media only screen and (max-width:991px){
.banpositon { padding-bottom:10px;}
.homepro { position:relative; margin-top:30px;}
.homepro ul li { width:33.33%;}
.searright { float:left; margin-top:8px;}
}
@media only screen and (max-width:640px){
.homepro ul li { width:100%;}
.searright .searl { background:none; width:192px;}

.homepro { display:none;}
}

/*--footer--*/
.footer { background:#009999; padding:25px 0 20px 0;}
.link { padding-top:32px; padding-bottom:40px; overflow:hidden;}
.linktitle { background:url(../images/ling.png) no-repeat; float:left; width:110px; height:58px; line-height:58px; font-weight:bold; color:#fff; padding-left:20px;}
.linkright { padding-left:5px; float:left; width:91%;}
.linkright a { font-size:13px;}
.linkright a:hover { color:#009999;}

.slogan { background:#009999; height:46px; width:100%; margin-bottom:30px; text-align:center;}
.slogantitle { color:#009999; font-size:26px; background:url(../images/solgan.png) no-repeat center; background-size:100%; padding:0 70px; display:inline-block; font-weight:bold; height:46px; line-height:46px;}
.slogantitle strong { font-size:16px; display:inline-block; line-height:46px;}
.precommend { font-size:16px; font-weight:bold; padding-bottom:25px;}
.precommend a {font-size:16px; margin:0 7px;}
.precommend a:hover { color:#009999;}


.footleft { color:#fff; line-height:25px;}
.footleft a { color:#fff;}
.footright { color:#fff; text-align:right; line-height:25px;}
.footright a{ color:#fff;}

.foot_left ul{ display:flex; border-right:1px solid #2DA7A7;}
.foot_left ul li{ width:17%; float:left;}
.foot_left ul li:last-child { width:12%;}
.foot_left ul li a{ display:block; font-size:14px; color:rgba(242,242,242,0.8); line-height:26px;overflow:hidden;}
.foot_left ul li a:hover{color:#fff;}
.foot_left ul li a b{ display: block; font-size:16px; color:#fff; line-height:20px; font-weight:bold; margin-bottom:20px;}
.footupr { text-align:right;}
.footupr strong { color:#fff; font-size:30px; background:url(../images/phonet.png) no-repeat left; padding-left:28px;}
.footupr span { display:block; font-size:15px; color:#fff;}
.footerw { text-align:center; padding-top:28px; color:#fff; line-height:25px;}
.footerw img { max-width:100%;}
.footup { border-bottom:1px solid #2DA7A7; padding-bottom:34px; margin-bottom:18px;}

@media only screen and (max-width:1299px){
.linkright { padding-left:5px; width:90%;}
}
@media only screen and (max-width:1199px){
.linkright { padding-left:5px;  width:88%;}
.footupr strong { font-size:25px;padding-left:28px;}
.foot_left ul li a{ display:block; font-size:14px; line-height:20px; padding-bottom:7px;overflow:hidden;}

}

@media only screen and (max-width:991px){
.linkright { padding-left:0px; padding-top:10px;  width:100%;}
.linkright a {}
.slogantitle { font-size:20px; padding:0 60px;}
.slogantitle strong { font-size:14px;}
.footupr { text-align:left;}
.footerw div { float:left;}
.footright { text-align:left;}
.foot_left ul { border:none;}

/*.foot_left ul li a b{font-size:14px;line-height:20px;margin-bottom:20px;}
.foot_left ul li a{ font-size:13px;line-height:26px;}

.footupr strong { font-size:22px;padding-left:28px;}
.footupr span {    font-size:14px; }*/

}
@media only screen and (max-width:767px){
.slogan { height:auto;}	
.slogantitle { font-size:18px; padding:0 61px; height:auto; background-size: cover; line-height:24px;}
.slogantitle strong { font-size:13px; line-height:24px;}
.foot_left { display:none;}
}

@media only screen and (max-width:640px){
.slogan { height:auto;}	
.slogantitle { font-size:18px; background:#fff; padding:1px 10px; height:auto; background-size: cover; line-height:22px;}
.slogantitle strong { font-size:13px;}
}

/*--产品展示--*/
.title .h2 { font-size:24px; color:#333333; font-weight:bold; text-align:center; margin-top:0; padding-top:35px;}
.title i { display:inline-block; width:193px; height:15px;}
.title i.lefta { background:url(../images/titlel.png) no-repeat right; margin-right:17px;}
.title i.righta { background:url(../images/titler.png) no-repeat left; margin-left:17px;}
.title p { text-align:center; line-height:20px;}

.titletwo .h2 { font-size:24px; color:#333333; font-weight:bold; text-align:center; margin-top:0; padding-top:35px;}
.titletwo i { display:inline-block; width:193px; height:15px;}
.titletwo i.lefta { background:url(../images/titlel.png) no-repeat right; margin-right:17px;}
.titletwo i.righta { background:url(../images/titler.png) no-repeat left; margin-left:17px;}
.titletwo p { text-align:center; line-height:20px;}

.titleth .h2 { font-size:24px; color:#fff; font-weight:bold; text-align:center; margin-top:0; padding-top:35px;}
.titleth i { display:inline-block; width:193px; height:15px;}
.titleth i.lefta { background:url(../images/titlela.png) no-repeat right; margin-right:17px;}
.titleth i.righta { background:url(../images/titlera.png) no-repeat left; margin-left:17px;}
.titleth p { text-align:center; color:#fff; line-height:20px;}



/*top*/
.pc_show{ display:block;}
.pad_show{ display:none;}
.phone_show{ display: none;}
.pc_pad_show{display:block;}
.pad_phone_show{ display:none;}


@media  screen and (max-width: 1199px){
.pc_show{ display:none;}
.pad_show{ display:block;}
.phone_show{ display: none;}
.pc_pad_show{display:block;}
.pad_phone_show{ display:block;}

.w_0100{ float:left; width:100%; padding:0 10px;
box-sizing:border-box; 
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box;
}
.w_1200{ margin:0 auto; max-width:984px;}	
}

@media  screen and (max-width: 767px){
.pc_show{ display:none;}
.pad_show{ display:none;}
.phone_show{ display: block;}
.pc_pad_show{display:none;}
.pad_phone_show{ display:block;}

.w_0100{padding:0;}
.title i { display:inline-block; width:22%;}
.titletwo i.lefta { margin-right:10px;}
.titletwo i.righta { margin-left:10px;}
.titletwo i { display:inline-block; width:10%; }
.titleth i { display:inline-block; width:15%;}
}
@media  screen and (max-width: 375px){
.title h2 { font-size:20px;}
.titletwo h2 { font-size:20px;}
}

.c_1200_5{ float:left; width:100%;}
.t_1200_2{ float:left; width:100%; padding:42px 0 0 0; position:relative;}
.slide_hitem{ float:left; width:100%;}
.slide_hitem .hd{ float:left; width:18.6%;}
.slide_hitem .hd ul{ float:left; width:100%;border:1px solid #D2D2D2; border-top:none; border-right:none;}
.slide_hitem .hd ul li{ float:left; width:100%; height:91px; position:relative; background:#F2F2F2; border-bottom:1px solid #D2D2D2; cursor:pointer;}
.slide_hitem .hd ul li:last-child { border-bottom:none;}
.slide_hitem .hd ul li .t_254{ position:absolute; width:100%; height:93px; left:0; top:0;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;
}
.slide_hitem .hd ul li.on .t_254{ position:absolute; width:100%; height:92px; left:0; top:0;  background:#009999;}

.slide_hitem .hd ul li .t_254 .l_217{ float:left; width:100%; padding:0 0 0 52px;
box-sizing:border-box; 
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;
}
.slide_hitem .hd ul li .t_254 .l_217 .sp6{ margin:0; font-weight:500; width:100%;height:92px;  color:#333333; font-size:17px; line-height:92px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; 
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;
}
.slide_hitem .hd ul li.on .t_254 .l_217 .sp6{  color:#fff;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;
}
.slide_hitem .bd{ float:left; width:81.4%; height:547px; overflow:hidden; border:1px solid #B2B2B2; border-left:none;}
.slide_hitem .bd .box_hitem{ float:left; width:100%;}
.slide_hitem .bd ul{ float:left; width:100%;}
.slide_hitem .bd ul li{ float:left; width:100%; height:547px; background: url(../images/probg.jpg) repeat-x;}
.slide_hitem .bd ul li .nr_hitem{ float:left; width:100%; height:546px;}
.slide_hitem .bd ul li .nr_hitem .tit_hitem{ font-size:20px;width:100%; color:#009999; margin-top:10px;}
.slide_hitem .bd ul li .nr_hitem .tit_hitem a{ color:#c6d1ec; font-size:18px; line-height:31px;}
.slide_hitem .bd ul li .nr_hitem .text_hitem{ width:100%;color:#3c3c3c; overflow:hidden;}
.slide_hitem .bd ul li .nr_hitem .text_hitem p{ color:#3c3c3c; line-height:28px;}
.slide_hitem .bd ul li .nr_hitem .btn_hitem{ float:left; width:100%; padding-top:10px;}
.slide_hitem .bd ul li .nr_hitem .btn_hitem a{ display:inline-block; padding:8px 36px;}

.hr_right { float:left; width:55%;/* padding:48px;padding-top: 130px;*/}
.hr_right img { width:100%;}
.hr_cont { float:right; width:45%; height:547px; padding:37px; background:#F2F2F2;}
.hr_conttwo{ color:#3c3c3c; padding-top:20px;}
.hr_conttwo p { padding-bottom:15px;color:#3c3c3c;}
.moreone { border:1px solid #009999; color:#009999; margin-right:28px;}
.moretwo { border:1px solid #EA5A25; background:#EA5A25; color:#fff;}
a:hover.moreone { background:#009999; color:#fff;}
a:hover.moretwo { border:1px solid #EA5A25; background:#fff; color:#EA5A25;}
.homeprobt { position:absolute; left:0; top:0px;background:url(../images/3_03.jpg) no-repeat; width:264px; height:42px;}
.homeprobt h1{font-size:25px; color:#ff0000; text-align:center; font-weight:bold; margin:0;line-height:42px;}

@media  screen and (max-width:1299px){
.homeprobt {  width: 240px;height: 42px;background-size: 100% 100%;}
.homeprobt h1{font-size:25px; color:#ff0000; text-align:center; font-weight:bold; margin:0;line-height:42px;}
}

@media  screen and (max-width:1199px){
.slide_hitem{ float:left; width:100%;}	
.hr_right { /* padding:38px;padding-top: 170px;*/}
.hr_conttwo { overflow:hidden; height:150px;}
.slide_hitem .hd ul li .t_254 .l_217{padding:0 0 0 22px;}
.slide_hitem .bd ul li .nr_hitem .btn_hitem a{  padding:8px 20px;}
.moreone {  margin-right:5px;}

.homeprobt {  width: 193px;height: 42px;background-size: 100% 100%;}
.homeprobt h1{font-size:22px; color:#ff0000; text-align:center; font-weight:bold; margin:0; line-height:42px;}


}

@media  screen and (max-width:991px){
.slide_hitem .hd ul li .t_254 .l_217{padding:0 0 0 12px;}
.slide_hitem .hd ul li .t_254 .l_217 .sp6{font-size:15px; }
.hr_right { /* padding:30px;padding-top: 182px;*/}
.hr_conttwo { display:none;}
.moreone { margin-bottom:5px;}

.homeprobt {  width: 165px;height: 42px;background-size: 100% 100%;}
.homeprobt h1{font-size:22px; color:#ff0000; text-align:center; font-weight:bold; margin:0; line-height:42px;}

}
@media  screen and (max-width:879px){
.homeprobt {  width: 147px;height: 42px;background-size: 100% 100%;}
.homeprobt h1{font-size:22px; color:#ff0000; text-align:center; font-weight:bold; margin:0; line-height:42px;}
}

@media  screen and (max-width:767px){

.slide_hitem{ position:relative;}
.slide_hitem .bd{ width:100%; height:auto; overflow:hidden;border:1px solid #B2B2B2;}
.slide_hitem .bd .box_hitem{ float:left; width:100%;
	width:100%;
	height:100%;
	z-index:1;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-transition-property:-webkit-transform;
	-moz-transition-property:-moz-transform;
	-o-transition-property:-o-transform;
	-ms-transition-property:-ms-transform;
	transition-property:transform;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box
	}
.slide_hitem .bd ul{
    margin:0;
	-webkit-flex-shrink:0;
	-ms-flex:0 0 auto;
	flex-shrink:0;
}
.slide_hitem .bd ul li{  height:auto;}
.slide_hitem .bd ul li .img_hitem{ float:left; width:100%; height:auto;}
.slide_hitem .bd ul li .nr_hitem{ float:left; width:100%; height:auto;  margin:0; 
box-sizing:border-box; 
-moz-box-sizing:border-box; 
-webkit-box-sizing:border-box;
}
.slide_hitem .left_hi{ position:absolute; width:30px; height:54px; left:-10px; z-index:20; top:20%; cursor:pointer;}
.slide_hitem .right_hi{ position:absolute; width:30px; height:54px; right:-10px; z-index:20; top:20%; cursor:pointer;}
.hr_right { display:none;}
.hr_cont { width:100%;}
.hr_cont { height:auto;}
.slide_hitem .bd ul li .nr_hitem .text_hitem { height:auto;}
.slide_hitem .bd ul li .nr_hitem .tit_hitem{ font-size:18px;}

.t_1200_2 { margin-top:20px;}
.hr_cont { padding-top:20px;}

}

/*--首页关于沃尔姆--*/
.comvideo { position:relative; overflow:hidden; display:inline-block;}
.comvideo img { max-width:100%;}
.comvideo img {
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
}
.comvideo a:hover img {
    transform: scale(1.05, 1.05);
    transition: transform 0.6s ease 0s;
}
.comvideo span { background:url(../images/bfbutton.png) no-repeat; width:70px; height:70px; position:absolute; bottom:11px; right:18px; display:inline-block;}
.compt30 { padding-top:35px;}
.comtitle { color:#008688; font-size:24px; display:block;}
.comdes { display:block; font-size:17px; color:#009999; padding:10px 0 20px 0; background:url(../images/comcse.jpg) no-repeat bottom left;}
.commore { display:inline-block;  color:#009999; background:#fff; border:1px solid #009999;width:124px; height:40px; text-align:center; line-height:40px; text-transform:uppercase;transition: all 0.6s ease 0s;}
.newmore a:hover.commore {color:#fff; background:#009999; border:1px solid #009999; }

.comleft a:hover .commore {color:#fff; background:#009999; border:1px solid #009999; }


.comdest { padding-top:10px;}
.comdest p { padding:5px 0; margin-bottom:20px; overflow:hidden; max-height:100px;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;}
.comdest p:nth-child(2){ margin-bottom:0;}
.wrapper { width:100%; float:left;text-align:center;}
.wrapper1{ width:30%; float:left; display:inline-block;}
.wrapper2{ width:30%; float:left; display:inline-block;}
.wrapper3{ width:40%; float:left; display:inline-block; }
.counter { color:rgba(83,83,83,0.7); display:inline-block; }
.counter h2{ font-size:70px; height:70px; font-family:Arial, Helvetica, sans-serif; margin-bottom:0px; margin-top:0;}
.timex{ width:auto; display:inline-block;color:rgba(83,83,83,0.5);font-size:14px; }
.timey{ width:100%; float:left; color:#535353; padding-top:10px;}
.count-title { font-weight: normal; text-align: center; }

@media screen and (max-width: 1299px) {
.counter h2{ font-size:54px; height:55px;}
.timey{ padding-top:5px;}
.comdest { padding:8px 0; padding-bottom:0;}
}
@media screen and (max-width: 991px) {
.counter h2{ font-size:50px; height:50px;}
.wrapper1{ width:30%; float:left; padding:0 5px;}
.wrapper2{ width:30%; float:left;padding:0 5px;}
.wrapper3{ width:40%; float:left;padding:0 5px;}
.comvideo { margin-top:20px;}
}

@media screen and (max-width: 640px) {
.counter h2{ font-size:40px; height:40px;}
.timey { font-size:12px;}
.wrapper1{ width:33.33%; float:left; padding:0 5px;}
.wrapper2{ width:33.33%; float:left;padding:0 5px;}
.wrapper3{ width:33.33%; float:left;padding:0 5px;}
.comtitle { font-size:20px;}
.comdes { font-size:15px;}
.comvideo span { background:url(../images/bfbutton.png) no-repeat; width:60px; height:60px; position:absolute; bottom:11px; right:18px; display:inline-block; background-size:cover;}

}

/*---四大理由---*/
.homelan { background:#EAFBFB; margin-top:44px; padding-bottom:40px;}
.homereason { padding-top:35px;}
.homereason ul { margin-left:-10px; margin-right:-10px;}
.homereason ul li { width:25%; float:left; padding:0 10px 10px 10px;}
.reasonb { background:#fff; border:1px solid #fff; height:359px; padding:40px 10px 30px 10px;}
.font24 { font-size:24px; color:#009999; line-height:20px;}
.reasontitle { text-align:center; height:40px;}
.reasontitle span { width:39px; height:40px; line-height:40px; margin-right:3px; display:inline-block;}
.reasontitle h4 {display:inline-block;}
.reasont1 { background:url(../images/a1.png) no-repeat center 3px;}
.reasont2 { background:url(../images/a2.png) no-repeat center 0px;}
.reasont3 { background:url(../images/a3.png) no-repeat center 3px;}
.reasont4 { background:url(../images/a4.png) no-repeat center 3px;}

.reasondown { padding:58px 22px 0 22px;}
.reasondown p { padding-bottom:10px; min-height:75px; overflow:hidden;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.reasondown p span { font-size:12px;}

.homereason ul li:hover .reasonb { border:1px solid #D8D8D8;-moz-box-shadow:1px 1px 11px #D8D8D8; -webkit-box-shadow:1px 1px 11px #D8D8D8; box-shadow:1px 1px 11px #D8D8D8;}


@media screen and (max-width: 1199px) {
.font24 { font-size:20px;line-height:20px;}
.reasonb {  height:369px; padding:40px 10px 30px 10px;}
.reasondown { padding:38px 22px 0 22px;}
}

@media screen and (max-width: 991px) {
.font24 { font-size:20px;line-height:18px;}
.reasonb {  height:389px; padding:40px 10px 30px 10px;}
.reasondown { padding:38px 12px 0 12px;}
}
@media screen and (max-width: 879px) {
.reasonb {  height:359px; padding:40px 10px 30px 10px;}
.homereason ul li { width:50%; float:left; padding:0 10px 10px 10px;}
}
@media screen and (max-width: 640px) {
.reasonb {  height:auto; padding:10px 10px 10px 10px;}
.homereason ul li { width:100%; float:left; padding:0 10px 10px 10px;}
.reasondown { padding:12px 12px 0 12px;}
.reasondown p { padding-bottom:10px; min-height:auto; overflow:hidden;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}


}
/*--应用领域--*/
.yslbo { padding-top:50px;}
#owl-demo .item{ display: block;position:relative; overflow:hidden;}
#owl-demo img { display: block; width: 100%;}
.yslbo .owl-theme .owl-controls .owl-page span{ background:#AAAAAA; opacity:1;}
.yslbo .owl-theme .owl-controls .owl-page.active span { background:#0860A7;}
.myspiao { position: absolute; left:0; top:0; width:100%; height:100%;}
.mystb { background:url(../images/myshui1.png) no-repeat; width:79px; height:79px; display:block; margin:0 auto; text-align:center;}
.mysynr strong { color:#333333; display:block; text-align:center; font-size:20px; padding-top:18px;}
.mys1 { background:url(../images/ystb1.png) no-repeat center center;}
.mys2 { background:url(../images/ystb2.png) no-repeat center center;}
.mys3 { background:url(../images/ystb3.png) no-repeat center center;}
.mys4 { background:url(../images/ystb4.png) no-repeat center center;}
.mys5 { background:url(../images/ystb5.png) no-repeat center center;}


.mysynr i { height:43px; width:100%; display:inline-block; margin-top:15px;}
.mysynr { padding-top:27px; height:100%;}
.myshang {  width:99%; margin:0 auto; height:45%;}
.mysxia { padding-top:30px; width:85%; margin:0 auto; font-size:15px; color:#999999; text-align:center; line-height:26px;}
.mysxia p { text-align:center; height:115px; line-height:23px; color:#333333;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;}
.myschu { position: absolute; bottom:-100%;left:0; width:100%; height:100%;}
.mysmore { background:url(../images/myshj.png) no-repeat; width:40px; height:40px; display:block; margin:0 auto; margin-top:10px;}
.mengb { background:url(../images/myshei_03.png) repeat; position:absolute; left:0; top:0; width:100%; height:100%;}
.mengb i { height:43px; width:100%; display:inline-block; margin-top:15px;}
.mengb .mystb { background:url(../images/mysbai.png) no-repeat; width:79px; height:79px; display:block; margin:0 auto; margin-top:77px;text-align:center;}
.mengb .mys1 { background:url(../images/ystbh1.png) no-repeat center center;}
.mengb .mys2 { background:url(../images/ystbh2.png) no-repeat center center;}
.mengb .mys3 { background:url(../images/ystbh3.png) no-repeat center center;}
.mengb .mys4 { background:url(../images/ystbh4.png) no-repeat center center;}
.mengb .mys5 { background:url(../images/ystbh5.png) no-repeat center center;}


.mengb strong { color:#fff; display:block; text-align:center; font-size:20px; padding-top:15px;}
.mengb p { width:85%; margin:0 auto; margin-top:10px; text-align:center; height:110px; line-height:22px; color:#fff;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;}

.mengb span.mysmore { background:url(../images/mysbj.png) no-repeat center; width:100%; height:40px; display:block; margin:0 auto; margin-top:20px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.mengb span.mysmore:hover {background:url(../images/mysbj.png) no-repeat 52%;}
.mengb:hover i {-moz-transition: all 0.8s ease-in-out; 
-webkit-transition: all 0.8s ease-in-out; 
-o-transition: all 0.8s ease-in-out; 
-ms-transition: all 0.8s ease-in-out; 
transition: all 0.8s ease-in-out; 
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg); }
.application { text-align:center; padding-top:30px;}
.application a {  text-transform:uppercase;display:inline-block; color:#009999; background:#fff; border:1px solid #009999; width:124px; height:40px; text-align:center; line-height:40px;transition: all 0.6s ease 0s;}
.application a:hover { background:#009999; color:#fff;}



@media screen and (max-width: 1299px) {
.mysxia { padding-top:20px; width:90%;line-height:26px;}
.mengb p { width:90%;}
.mengb span.mysmore { margin-top:10px;}


}
@media screen and (max-width: 1199px) {
.school .owl-nav { display:none;}
.school .owl-dots { margin-top:10px;}
.school .owl-dots .owl-dot.active span, .school .owl-dots .owl-dot:hover span{ background:#009999 !important;}
}
@media screen and (max-width:767px) {
.yslbo #owl-demo img { display: block; width: 100%; max-height:373px;}
.mysxia p { text-align:center; height:92px; line-height:23px; color:#333333;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;}
.mengb .mystb { margin-top:37px;text-align:center;}

}
/*--真空泵应用--*/
.zkbyybg { background:url(../images/yybg.jpg) no-repeat center; height:766px; margin:0 auto; margin-top:32px;}
.hospital { display:block !important;}
.yywhite { background:#fff; padding:38px; margin-top:40px;}
.homenewbg { background: url(../images/newbg.jpg) no-repeat center top; background-size:cover; padding-bottom:38px;}
.homenewbt { font-size:18px; color:#333; height:50px; font-weight:500; line-height:25px; margin-top:20px; margin-bottom:15px; overflow:hidden;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.homenewdes { height:88px; line-height:22px; overflow:hidden;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;} 

.hospital .item {overflow:hidden; background:url(../images/yyxian1.jpg) no-repeat bottom center; padding-bottom:44px; margin-bottom:17px;}
.hospital .item:hover { background:url(../images/yyxian2.jpg) no-repeat bottom center;}
.hospital .item:hover .homenewbt { color:#009999;}

.homeal .owl-theme.hospital .owl-dots { padding-top:30px;}
.homeal .owl-theme.hospital .owl-dots .owl-dot span { width:11px; height:11px; border-radius:50%; margin:5px 5px;}

.homereason li:hover .reasontitle span {-moz-transition: all 0.8s ease-in-out; 
-webkit-transition: all 0.8s ease-in-out; 
-o-transition: all 0.8s ease-in-out; 
-ms-transition: all 0.8s ease-in-out; 
transition: all 0.8s ease-in-out; 
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
transform: rotateY(360deg); }

@media screen and (max-width:767px){
.homelink { background:url(../images/footbg.jpg) no-repeat center; width:100%; background-size:cover; height:auto; padding-top:48px; padding-bottom:48px; margin-top:35px;}
.homelink .col-sm-3 { padding-bottom:15px;}
}
.back-top { background:url(../images/top.png) no-repeat; width:54px; height:54px; position:fixed; bottom:10%; display:none; right:0; cursor:pointer; z-index:99;}
.hospital .owl-dots .owl-dot span{ background:#AAAAAA !important; margin:5px 4px !important; outline:0;}
.hospital .owl-dots .owl-dot.active span, .hospital .owl-dots .owl-dot:hover span{ background:#EA5A25 !important;}
.hospital .owl-nav { width:106px; margin:0 auto !important; position:relative;}
.hospital .owl-nav button.owl-next, .hospital .owl-nav button.owl-prev { position:absolute; outline:0; }
.hospital .owl-nav button  { background:none !important; margin:0 !important;outline:0;}
.hospital .owl-nav button span { color:#989898;font-size:36px; height:20px; line-height:20px; padding:0 !important; outline:0;}
.hospital .owl-nav button.owl-next{ right:0; top:-2px;}
.hospital .owl-nav button.owl-prev { left:0; top:-2px;}
.yypic { overflow:hidden;}
.yypic img {
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
}
.hospital .item a:hover .yypic img {
    transform: scale(1.05, 1.05);
    transition: transform 0.6s ease 0s;
}

@media screen and (max-width:767px){
.hospital .owl-nav { width:190px; margin:0 auto !important; position:relative;}
.back-top { display:none; height:0; width:0;}
}

/*--新闻中心--*/
.pro_tab{ margin-top:30px;}
.pro_tab .tab_menu{overflow:hidden; text-align:center;}
.pro_tab .tab_menu li{ float:none; display:inline-block; height:45px; width:183px;line-height:45px;color:#fff; border:1px solid #666666; margin:0 22px; border-radius:24px; cursor:pointer;}
.pro_tab .tab_menu li a{ display:block; font-size:16px; color:#333333;}
.pro_tab .tab_menu li a h3{ font-size:18px; color:#fff; line-height:24px; font-weight:normal;  width:85%; height:24px; overflow:hidden;}
.pro_tab .tab_menu li a p{ font-size:14px; color:#fff; line-height:24px; width:90%; height:24px; overflow:hidden;}
.pro_tab .tab_menu li:nth-child(3n){ margin-right:0px;}
.pro_tab .tab_menu li.current{ border:1px solid #F25014; background:#F25014;}
.pro_tab .tab_menu li.current a{color:#fff;}
.pro_tab .tab_box{ padding:0; padding-top:50px;}
.pro_tab .tab_box li{height:24px;line-height:24px;overflow:hidden;}
.pro_tab .tab_box li span{margin:0 5px 0 0;  color:#ddd;}
.pro_tab .tab_box .hide{display:none;}
.tableft{ width:32%; margin-right:2%; float:left; position:relative; overflow:hidden; background-color:#fff; height:350px;}
.tableft p{ position:absolute; right:0px; top:23px; background-color:#1a63dd; color:#fff; line-height:30px; padding:0 10px;}
.tabright{ width:66%;float:left; overflow:hidden; background-color:#fff; height:350px; padding:35px; box-sizing:border-box;}
.tabright a{ display:block;}
.tabright a p{font-size:14px; color:#666; line-height:24px; margin-bottom:20px;} 
.tableft img{ transition:all 0.3s; max-width:100%;}
.tableft:hover img{ transform:scale(1.05);}
.newbth { font-size:16px; color:#333333; font-weight:500; overflow: hidden; height:38px; line-height:19px; margin:0;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient: vertical;}
.newlie a:hover .newbth { color:#009999;}
.newtime { float:left; border-right:1px solid #D9D9D9;text-align:center; font-size:44px; width:75px; padding:1px 0;}
.newtime span { display:block; }
.newright { float:right; width:75%;}
.newright p { line-height:18px; height:36px; margin-top:7px; overflow:hidden;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;}
.newright em { background:url(../images/newright.png) no-repeat; width:16px; height:16px; margin-top:1px; display:block; float:right;}
.newlie { overflow:hidden; padding-bottom:0px; padding-top:8px;}
.newlie:first-child { padding-top:0;}
.newmore { text-align:right; padding-top:40px;}

@media only screen and (max-width:767px){
.pro_tab .tab_menu li{ width:46%;float:left; margin:0 10px 10px 0; }
.pro_tab .tab_box{ padding-top:30px;}
.newmore { padding-top:20px; padding-bottom:10px;}
}


.casek { position:relative; overflow:hidden; height:303px;}
.casepic { position:relative; overflow:hidden;}
.casepic img { width:100%;}
.casepic img {  transition: all .5s ease;-webkit-transition:all .5s ease;}
.casepic:hover img{ transform:scale(1.1,1.1)}

.mb {  height:57px; line-height:57px; background:#E5E5E5; overflow:hidden; padding:0 10px; width:100%; }
.font16 {font-size:16px; color:#000000; font-weight:500; overflow:hidden; height:57px; width:80%; float:left; display:block; margin:0;}
.mb i { float:right; color:#DE931D; line-height:56px;}
.casek .owl-theme .owl-dots.disabled{ display:block;}
.casek .owl-theme .owl-dots .owl-dot { display:none;}
.casek .owl-theme .owl-nav [class*=owl-] { background:none}
.casek .owl-theme .owl-nav span { font-size:50px; color:#fff; margin:0 !important; padding:0 !important; display:inline-block;}
.casek .owl-theme .owl-nav { margin:0;}
.casek .owl-theme .owl-nav button {position: absolute;  top:30%; outline:0; margin:0; width:34px; height:65px; line-height:55px !important;}
.casek .owl-theme .owl-nav button.owl-prev {  left:0;background:rgba(0,0,0,0.6); color:#fff;}
.casek .owl-theme .owl-nav button.owl-next { right:0;background:rgba(0,0,0,0.6); color:#fff;}
@media (max-width:1199px) {
.newright { float:right; width:70%;}
}
@media (max-width:991px) {
.casek { margin-bottom:20px;}
.newright { float:right; width:75%;}

}


@media (max-width:767px) {
.casek .owl-theme .owl-nav { display:block !important;}
.newlie { padding-top:10px;}
.newlie:first-child { padding-top:20px;}
.casek {  height:auto;min-height:246px; margin-bottom:0;}
.newright em { margin-top:5px;}
}
@media (max-width:600px) {
.casek {  height:420px;}
}
@media (max-width:414px) {
.casek {  height:305px;}
}
@media (max-width:412px) {
.casek {  height:295px;}
}

@media (max-width:375px) {
.newright { float:right; width:70%;}
.casek {  height:271px;}
}
@media (max-width:320px) {
.casek {  height:236px;}
}

.vacuum { padding-top:50px;}
.vacuum ul li { margin-bottom:8px; overflow:hidden; line-height:26px;}
.vacuum ul li em { float:left; display:inline-block; font-style:normal;}
.vacuumbt {float:left;font-size:16px;line-height:26px;height:26px;font-weight:500;display:inline-block;margin:0;width: 74%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.vacuum ul li a:hover .vacuumbt { color:#009999;}
.vacuumleft { float:left; overflow:hidden; width:85%;}
.vacuumright { float:right; text-align:right;}
.vacuumleft { color:#333; font-size: 12px;font-weight: bold;}
.vacuumleft span { float:left; background:#DB0000; display:block; height:26px; font-weight:500; color:#fff; padding:0px 8px; font-size:14px; border-radius:5px; margin-left:3px; margin-right:5px;}

@media (max-width:1299px) {
.vacuumleft { width:80%; overflow:hidden;}
.vacuumbt {font-size:16px;width: 70%;}
}
@media (max-width:1199px) {
.vacuumbt {font-size:16px;width: 59%;}
}
@media (max-width:879px) {
.vacuumleft { width:75%; overflow:hidden;}
.vacuumbt {font-size:15px;width: 50%;}
}
@media (max-width:767px) {
.pt30 { padding-top:30px;}
}
@media (max-width:375px) {
.vacuumleft { width:100%;}
.vacuumright { width:100%;}

}

.homehui { background:#F5F5F5; margin-top:35px; padding-bottom:64px;}
.problem ul li { border-bottom:1px dashed #009999; padding-bottom:14px; padding-top:40px;}
.problem ul li .proda { line-height:24px;}
.prored {float:left; display:inline-block; background:#FF0000; color:#fff; font-size:16px; font-weight:bold; width:29px; height:24px; text-align:center; line-height:24px;}
.problembt { font-size:16px; color:#333333; display:inline-block; margin:0; height:24px; width:90%; overflow: hidden;/*超出部分隐藏*/
            white-space: nowrap;/*不换行*/
            text-overflow:ellipsis;/*超出部分文字以...显示*/}
.prowen { line-height:24px;}
.proda { overflow:hidden; height:50px; margin-top:6px;}
.prohui { float:left; display:inline-block;background:#666666; color:#fff; font-size:16px; font-weight:bold;width:29px; height:24px; text-align:center; line-height:24px; margin-right:8px;}
.problem ul li:hover .problembt{ color:#009999;}

/*--新闻--*/
.nybanner { /*height:252px;*/ width:100%; margin:0 auto;}
.newdes { font-size:44px; font-weight:bold; padding-top:100px;}
.contnav { background:#F1F3F3; width:100%; margin:0 auto;}
.navborder { border-bottom:1px solid #D6D6D6; overflow:hidden;}
.navborder ul li { float:left; width:auto; line-height:57px;}
.navborder ul li a { font-size:16px; color:#333333; display:block; padding:0 28px; position:relative; z-index:9;}
.navborder ul li a.on {  color:#fff; background:#009999; }
.navborder ul li a:before { content:""; color:#fff; position:absolute; height:0; bottom:0; left:0; width:100%;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; z-index:-1;}
.navborder ul li a:hover:before {  color:#fff; background:#009999; height:100%; }
.navborder ul li a:hover { color:#fff;}

.location { padding-top:17px; padding-bottom:35px;}
.project { color:#009999; font-size:24px; font-weight:bold; padding-top:13px; padding-bottom:22px;}

.news{ margin-top:15px; padding-right:30px;}
.news li a{ display:block; padding:17px 18px 14px 18px; border-bottom:1px dashed #e2dfdc; box-sizing:border-box;}
.news li a .new_left{ width:20%; float:left;}
.news li a .new_right{ width:80%; float:left;}
.news li a .new_left p{ color:#adadad; font-size:20px; line-height:28px; font-family:Arial;}
.news li a .new_right h3{ color:#333; font-size:16px; line-height:26px; font-weight:bold; margin:0 0 6px; margin-bottom:10px; max-height:52px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news li a .new_right p{ color:#666; font-size:15px; line-height:26px; height:78px; overflow:hidden; }
.news li a:hover .new_right p,.news li a:hover .new_right h3,.news li a:hover .new_left p,.news li a:hover .new_right span{ color:#fff;}

.news li a:hover{ background-color:#009999;}
.newsright{ display:block; width:100%; margin-bottom:20px;}
.img_box{ overflow:hidden; width:100%; }
.img_box img{ width:100%; transition:all .3s;}
.newsright:hover .img_box img{ transform:scale(1.1);}
.new_content h3{ color:#333333; font-size:16px; line-height:24px; font-weight:bold;height:48px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin-top:15px;}
.newsright:hover .new_content h3{ color:#009999;}
@media (max-width:767px) {

.navborder ul li a:before { display:none;}
.navborder ul li a:hover { color:#fff;background:#009999; }

}

/*翻页*/
.pages{padding:40px 0; margin:0 auto;text-align: center; box-sizing:border-box;}
.pages:after{ clear:both; content:''; width:0px; display:block; height:0px; visibility:hidden;}
.pages a{border: 1px solid #DDD; display:inline-block; color: #333; margin: 5px 2px;padding:5px 10px;text-decoration: none; font-size:14px;}
.pages a:hover{border:1px solid #009999; text-decoration: none; color:#fff; background-color:#009999; font-size:14px;}
.pages span { display:inline-block;padding:5px 10px; border: 1px solid #009999;  background-color:#009999;color: #fff;  font-size:14px; margin:0 2px;}


@media (max-width:1199px) {
.news{  padding-right:0px;}
.news li a .new_left{ width:22%;}
.news li a .new_right{ width:78%;}
}
@media (max-width:991px) {
.navborder ul li a { padding:0 14px;}
}

@media (max-width:879px) {
.news li a .new_left{ width:25%;}
.news li a .new_right{ width:75%;}
}
@media (max-width:767px) {
.newdes { font-size:34px; font-weight:bold; padding-top:100px;}
.news li a .new_left{ display:none;}
.news li a .new_right{ width:100%;}
.navborder ul li { float:left; width:50%; line-height:57px; text-align:center;}
.navborder ul li a { font-size:15px; padding:0;}

}

/*文章详情*/
.article{ margin-bottom:40px;}
.article p{ font-size:15px; color:#666; line-height:26px; margin-bottom:20px;}
.article span,.article strong { font-size:15px;}
.article img{ display:block; margin:20px auto; max-width:100% !important; height:auto !important;}
.article h1{ font-size:18px;}
.article h2{ font-size:16px;}
.article h3{ font-size:15px;}

.article_title{font-size:34px; color:#333; line-height:40px; text-align:center; font-weight:bold; margin:35px 0 20px;}
.article_time{font-size:14px; color:#b2b1b1; line-height:40px; text-align:center;}
.bottom_link{ margin-bottom:60px; border-top:1px solid #e5e5e5; padding-top:30px;}
.recommend{ background-color:#f8fbff; padding:20px 25px 5px; margin:45px 0;}
.recommend h2{font-size:20px; color:#333; line-height:36px; font-weight:bold; margin-bottom:15px; margin-top:0;}
.recommend ul li a{ display:block; border-bottom:1px solid #d7d7d7; padding-bottom:20px; margin-bottom:15px;}
.recommend ul li a h3{font-size:16px; color:#333; line-height:30px; height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.recommend ul li a span{font-size:13px; color:#a2a2a2; line-height:30px; }
.recommend ul li a p{font-size:14px; color:#666; line-height:24px; height:48px; overflow:hidden;}
.recommend ul li:last-child a{border-bottom:none;}
.recommend ul li a:hover h3{ color:#187ab9;}
.art_bot p , .art_bot a{font-size:14px; color:#666; line-height:26px; margin:0; }
.art_bot a:hover{ color:#009999;}
.bottom_link .pull-right a{ display:inline-block; background:#EDEDED; width:138px; height:46px; border-radius:5px; text-align:center; line-height:46px;font-size:14px;color:#009999; }
.bottom_link .pull-right a:hover { background:#009999; color:#fff;}

@media only screen and (max-width:768px) {
.article_title{font-size:20px; line-height:30px; margin-top:30px;}
.article , .bottom_link{ margin-bottom:30px;}
.recommend{ margin-bottom:30px;}
.article_title{font-size:26px; line-height:40px;margin:35px 0 20px;}
}
@media only screen and (max-width:767px) {
.article_title{font-size:24px; line-height:35px; margin:15px 0 20px;}
}

/*--真空泵列表--*/
.block { font-size:40px; color:#333; padding-top:80px;}
.block span { background:url(../images/prolant.jpg) no-repeat top left; height:2px; width:100%; display:block; padding-top:20px;}
.prokuang {}
.prokuang ul { margin-left:-7px; margin-right:-7px;}
.prokuang ul li { width:25%; padding:0 7px; margin-bottom:12px; float:left;}
.proimg { position:relative; overflow:hidden;}
.proimg img { width:100%;}
.protitle { font-size:17px; color:#333333; text-align:center; margin-top:28px; margin-bottom:30px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.promeng { background:url(../images/prolan.png) repeat; width:100%; height:100%; text-align:center; left:0; bottom:-100%; position:absolute;}
.promdes { font-size:15px; color:#fff; line-height:22px; height:88px; margin:30px 20px 20px 20px;overflow:hidden;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;}
.promeng span { display:inline-block; color:#fff; font-size:15px; width:103px; height:29px; line-height:29px; text-align:center; border:1px solid #fff; position:relative; z-index:9;}
.promeng span:before { content:""; position:absolute; width:100%; height:0; left:0;color:#009999; bottom:0; background-color:#fff; z-index:-1;transition:all .3s;}
.promeng span:hover:before { height:100%; }
.promeng span:hover {color:#009999;}
.prokuang ul li:hover .protitle{ color:#009999;}
.prolink { font-size:16px; font-weight:bold; color:#009999; padding-bottom:12px; border-bottom:1px solid #CCCCCC;}
.prolinkdown { padding-top:10px; padding-bottom:38px;}
.linkpro { margin-bottom:20px;}
.linkpro .item { border-right:1px dashed #D1D1D1; }

.linkpro .item .linkw50:first-child {border-bottom:1px dashed #D1D1D1;}
.linkw50 {height:75px; line-height:75px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.linkw50 a{ padding:0 10px; font-size:18px; color:#333333;}
.linkw50 a:hover { color:#009999;}
.linkmore { text-align:center;}
.linkmore a {  text-transform:uppercase;display:inline-block; color:#009999; background:#fff; border:1px solid #009999; width:105px; height:32px; text-align:center; line-height:32px;transition: all 0.6s ease 0s;}
.linkmore a:hover { background:#009999; color:#fff;}
.linkpro .owl-dots { display:none;}
.linkpro .owl-dots .owl-dot span{ background:#AAAAAA !important; margin:5px 4px !important; outline:0;}
.linkpro .owl-dots .owl-dot.active span, .hospital .owl-dots .owl-dot:hover span{ background:#EA5A25 !important;}
.linkpro .owl-nav { width:100%; margin:0 auto !important;}
.linkpro .owl-nav button.owl-next, .hospital .owl-nav button.owl-prev { position:absolute; outline:0; }
.linkpro .owl-nav button  { margin:0 !important;outline:0; width:43px; height:43px; position: absolute;}
.linkpro .owl-nav button span { color:#989898;font-size:0;padding:0 !important; outline:0;}
.linkpro .owl-nav button.owl-prev { background:url(../images/pro_left.png) no-repeat right; left:-50px; top:35%;}
.linkpro .owl-nav button.owl-next{ background:url(../images/pro_lefta.png) no-repeat left; right:-50px; top:35%;}

.linkpro .owl-nav button.owl-prev:hover { background:url(../images/pro_righta.png) no-repeat right; background-color:none;}
.linkpro .owl-nav button.owl-next:hover { background:url(../images/pro_right.png) no-repeat left;}


@media only screen and (max-width:1299px) {
.promdes { font-size:15px; color:#fff; line-height:22px; height:66px; margin:30px 20px 20px 20px;overflow:hidden;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
}
@media only screen and (max-width:1199px) {
.promdes { font-size:14px; color:#fff; line-height:22px; height:66px; margin:20px 20px 10px 20px;overflow:hidden;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.linkpro .owl-nav button.owl-prev,.linkpro .owl-nav button.owl-next  { background-size:80%;}


}


@media only screen and (max-width:991px) {
.prokuang ul li { width:33.33%; padding:0 7px; margin-bottom:12px; float:left;}
.linkw50 a{ padding:0 10px; font-size:16px; color:#333333;}
.linkpro .owl-dots { display: block;}
.linkpro .owl-nav { display:none;}
}
@media only screen and (max-width:767px) {
.prokuang ul li { width:50%; padding:0 7px; margin-bottom:12px; float:left;}
.block { font-size:34px; color:#333; padding-top:80px;}
.linkpro .item { border-right:none; }

}
@media only screen and (max-width:640px) {
.prokuang ul li { width:100%; padding:0 7px; margin-bottom:12px; float:left;}
.promdes { font-size:14px; color:#fff; line-height:22px; height:88px; margin:20px 20px 20px 20px;overflow:hidden;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;}

}

/*--产品详情--*/
.prodetailbt { padding-bottom:55px;}
.prodetailbt h1 { font-size:34px; color:#009999; margin:0;}
.prodetailbt p { font-size:14px; color:#a2a2a2;}

.preview {text-align: center; margin-left:-4px; margin-right:-4px; margin-top:14px; overflow:hidden;}
.preview a {display: inline-block;padding:4px; width:25%; float:left;}
.preview img {display: block;width: 100%;height: auto;}
.preview .active img {border: 2px solid #009999;}
.prodest { padding-top:35px; padding-bottom:35px;}
.prodest p { font-size:15px; line-height:26px;}
.probgde { background:#D4D4D4; height:50px; margin-top:15px;}
.probgde span { background:#009999; font-size:18px; color:#fff; display:block; float:left; width:184px; text-align:center; height:50px; line-height:50px;}
.profirst { font-size:15px; line-height:26px;}
.prodesone { font-size:15px; line-height:26px; padding-top:20px;}
.prodesone p { font-size:15px; line-height:26px;}
.prodesone table { margin:20px 0;}
.prodesone table tr td{ padding:3px; font-size:14px; line-height:20px;}

.w100 { padding-right:20px; float:left; width:100%;}
.rowm { margin-left:-15px; margin-right:-15px;}
.mcol-sm-7 { width:58%; float:left; padding-left:15px; padding-right:15px;}
.mcol-sm-5 { width:42%; float:left; padding-left:15px; padding-right:15px;}
.prodesf { padding-top:35px; padding-bottom:35px;}
.prodesf p { font-size:15px; line-height:26px;}

.detailpro .owl-dots { display:none;}
.detailpro .owl-dots .owl-dot span{ background:#AAAAAA !important; margin:5px 4px !important; outline:0;}
.detailpro .owl-dots .owl-dot.active span, .hospital .owl-dots .owl-dot:hover span{ background:#EA5A25 !important;}
.detailpro .owl-nav { width:100%; margin:0 auto !important;}
.detailpro .owl-nav button.owl-next, .hospital .owl-nav button.owl-prev { position:absolute; outline:0; }
.detailpro .owl-nav button  { margin:0 !important;outline:0; width:43px; height:43px; position: absolute;}
.detailpro .owl-nav button span { color:#989898;font-size:0;padding:0 !important; outline:0;}
.detailpro .owl-nav button.owl-prev { background:url(../images/pro_left.png) no-repeat right; left:-50px; top:35%;}
.detailpro .owl-nav button.owl-next{ background:url(../images/pro_lefta.png) no-repeat left; right:-50px; top:35%;}

.detailpro .owl-nav button.owl-prev:hover { background:url(../images/pro_righta.png) no-repeat right; background-color:none;}
.detailpro .owl-nav button.owl-next:hover { background:url(../images/pro_right.png) no-repeat left;}
.xqtitle { font-size:16px; color:#333; margin-top:15px; height:50px; line-height:25px;overflow:hidden;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.detailpro { margin-bottom:50px; margin-top:10px;}

@media only screen and (max-width:1280px) {
.w100 { padding-right:0px; float:left; width:100%;}

}
@media only screen and (max-width:1200px) {
.w100 { padding-right:0px; float:left; width:100%;}
.mcol-sm-7 { width:70%; float:left; padding-left:15px; padding-right:15px;}
.mcol-sm-5 { width:100%; float:left; padding-top:20px; padding-left:15px; padding-right:15px;}
.prodest { padding-top:0px; padding-bottom:35px;}

}
@media only screen and (max-width:1199px) {
.mcol-sm-7 { width:80%;}
.detailpro .owl-nav button.owl-prev,.detailpro .owl-nav button.owl-next  { background-size:80%;}
}
@media only screen and (max-width:991px) {
.mcol-sm-7 { width:90%;}
.detailpro .owl-dots { display: block; margin-top:20px;}
.detailpro .owl-nav { display:none;}

}
@media only screen and (max-width:879px) {
.mcol-sm-7 { width:100%;}
}

/*---公司简介--*/
.comtitle span { color:rgba(102,102,102,0.6); font-size:14px; display:block; text-transform:uppercase;}
.comtitle h3 { font-size:26px; color:#009999; font-weight:bold; margin:0;}
.gsdes { padding-top:48px;}
.comtitle em { display:block; font-style:normal; font-size:24px; color:#f33d0c; text-transform:uppercase; padding-top:26px;}

.comwen p { font-size:15px; color:#333333; padding-bottom:26px; line-height:26px;}
.comnumber { padding:38px 40px; text-align:center;}
.comnumber span { font-size:40px; height:40px; line-height:40px; color:#009999; font-family:Impact Regular;}
.comnumber .col-sm-3{ background:url(../images/comlan.jpg) no-repeat right center;}
.comnumber .col-sm-3:last-child { background:none;}
.combg { background:url(../images/comlanbg.png) no-repeat right top; padding-top:31px; padding-right:30px; margin-bottom:45px; position:relative;}
.comleft { float:left; width:78%;}
.comright { position:absolute; right:30px; top:31px;}
.comright strong { display:block; font-size:35px; color:#fff;}
.comright p { color:rgba(255,255,255,0.2); font-size:16px; text-transform:uppercase;}

.compic .item { max-width:100%;}
.compic .item img {
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
}
.compic .item:hover img {
    transform: scale(1.05, 1.05);
    transition: transform 0.6s ease 0s;
}

.compic .owl-dots { display:none;}
.compic .owl-dots .owl-dot span{ background:#AAAAAA !important; margin:5px 4px !important; outline:0;}
.compic .owl-dots .owl-dot.active span, .compic .owl-dots .owl-dot:hover span{ background:#EA5A25 !important;}
.compic .owl-nav { width:100%; margin:0 auto !important;}
.compic .owl-nav button.owl-next, .compic .owl-nav button.owl-prev { position:absolute; outline:0; }
.compic .owl-nav button  { margin:0 !important;outline:0; width:18px; height:20px; position: absolute;}
.compic .owl-nav button span { color:#989898;font-size:0;padding:0 !important; outline:0;}
.compic .owl-nav button.owl-prev { background:url(../images/com_left.png) no-repeat right; right:-50px; top:57%;}
.compic .owl-nav button.owl-next{ background:url(../images/com_right.png) no-repeat left; right:-89px; top:57%;}

.compic .owl-nav button.owl-prev:hover { background:url(../images/com_lefth.png) no-repeat right; background-color:none;}
.compic .owl-nav button.owl-next:hover { background:url(../images/com_righth.png) no-repeat left;}

.comability { background:url(../images/comxian.png) no-repeat bottom; height:40px; margin-bottom:33px;}
.comability strong { font-size:30px; color:#009999; height:40px; line-height:40px; display:inline-block; float:left;}
.comability span { font-size:18px; color:#333333; padding-left:36px;}
.comdown { width:100%; padding-bottom:60px;}
.comdown ul { margin-left:-5px; margin-right:-5px;}
.comdown ul li { width:25%; padding:0 5px; float:left;}
.cicle { background-color:#009999; padding-top:57px; padding-left:25px; padding-right:25px; height:412px; position:relative;}
.cicle strong { font-size:18px; color:#fff; display:block; text-align:center; padding-bottom:35px;}
.cicle p { color:#fff; font-size:15px; padding-bottom:16px; line-height:22px;}

/*.cicle{ transition: transform 0.3s ease 0s; background-size:0 0;}
.comdown ul li:hover .cicle{ background:url(../images/combgt.jpg) no-repeat center center; background-size:cover;}
*/
.comdown ul li .cicle:before{ position: absolute; top: 0; left: 0; content: ""; font-size: 38px; display: block;  width: 100%; height: 100%; opacity: 0;background:url(../images/combgt.jpg) no-repeat center center; z-index:-1; 
	transform: scale(.5);
	transition: all .4s ease-in-out;
	color: #fff;
}
.comdown ul li:hover .cicle{ background-color:inherit;}
.comdown ul li:hover .cicle:before{opacity: 1; transform: scale(1);}


.compropic { margin-bottom:26px;}
.comproduct { background:url(../images/comxian.png) no-repeat center; height:40px;}
.comproduct strong { font-size:30px; color:#009999; height:40px; line-height:40px; display:inline-block; float:left;}
.wmprobt { text-align:center; font-size:18px; color:#333333; padding-top:16px;}
.pb30 { padding-bottom:30px; margin-top:33px;}
.propic { overflow:hidden;}
.propic img {
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
}
.item:hover .propic img {
    transform: scale(1.05, 1.05);
    transition: transform 0.6s ease 0s;
}
.item:hover .wmprobt { color:#009999;}

.compropic .owl-dots { display:none;}
.compropic .owl-dots .owl-dot span{ background:#AAAAAA !important; margin:5px 4px !important; outline:0;}
.compropic .owl-dots .owl-dot.active span, .hospital .owl-dots .owl-dot:hover span{ background:#EA5A25 !important;}
.compropic .owl-nav { width:100%; margin:0 auto !important;}
.compropic .owl-nav button.owl-next, .hospital .owl-nav button.owl-prev { position:absolute; outline:0; }
.compropic .owl-nav button  { margin:0 !important;outline:0; width:43px; height:43px; position: absolute;}
.compropic .owl-nav button span { color:#989898;font-size:0;padding:0 !important; outline:0;}
.compropic .owl-nav button.owl-prev { background:url(../images/pro_left.png) no-repeat right; left:-50px; top:35%;}
.compropic .owl-nav button.owl-next{ background:url(../images/pro_lefta.png) no-repeat left; right:-50px; top:35%;}

.compropic .owl-nav button.owl-prev:hover { background:url(../images/pro_righta.png) no-repeat right; background-color:none;}
.compropic .owl-nav button.owl-next:hover { background:url(../images/pro_right.png) no-repeat left;}
.fwlnbg { background:url(../images/gsjstu.jpg) no-repeat center; height:306px; width:100%; margin-bottom:20px;}
.fwlnbt { font-size:30px; color:#000000; font-weight:bold; padding-top:82px; padding-left:50px;}
.fwlanbg { background:#f24d10; margin-top:20px; max-width:611px; min-height:94px; color:#fff; font-size:18px; font-weight:bold; padding:20px 40px;}

@media only screen and (max-width:1299px) {
.comleft { float:left; width:75%;}
.comability { background-position:3% 20px}
.comproduct { background-position:3% 15px;}
}
@media only screen and (max-width:1199px) {
.combg { background:url(../images/comlanbg.png) no-repeat right top; padding-top:25px; padding-right:20px; background-size:98%;}

.comleft { float:left; width:70%;}
.comright { position:absolute; right:68px; top:28px;}

.comright strong {  font-size:30px;}
.comright p {  font-size:14px; }
.compic .owl-nav button.owl-prev { right:-41px; top:67%;}
.compic .owl-nav button.owl-next{ right:-80px; top:67%;}
.cicle { height:452px; padding-top:37px;padding-left:20px; padding-right:20px;}

}
@media only screen and (max-width:991px) {
.comnumber { padding:38px 0;}
.combg { background:url(../images/comlanbg.png) no-repeat right top; padding-top:25px; padding-right:20px; background-size:cover; }
.compropic .owl-dots { display: block; margin-top:20px;}
.compropic .owl-nav { display:none;}
.comright { position:absolute; right:30px; top:20px;}

.cicle { height:482px; padding-top:37px;padding-left:20px; padding-right:20px;}

}

@media only screen and (max-width:879px) {
.compic .owl-dots { display: block; margin-top:20px;}
.compic .owl-nav { display:none;}
.comleft { float:right; width:100%;}
.combg { padding:25px;}
.comright { width:100%; float:left; position:inherit; right:0; top:0; padding-bottom:10px;}
.comright strong {  font-size:26px;}
.comright p {  font-size:14px; line-height:20px; }
.comdown ul li { width:50%;height:412px; margin-bottom:10px; overflow:hidden;}
}
@media only screen and (max-width:767px) {
.comnumber .col-sm-3:nth-child(2n) { background:none;}
.comnumber .col-xs-6 { margin-bottom:5px;}
.comnumber p { height:40px; padding-top:5px; line-height:20px; font-size:13px;}
.comdown { padding-bottom:30px;}
.comdown ul li { width:100%; margin-bottom:5px;}
.comability span { font-size:14px;}
.comability strong,.comproduct strong{ font-size:25px;}
.fwlnbt { padding-top:60px;}
.fwlanbg { margin-top:20px; max-width:611px; min-height:94px; color:#fff; font-size:16px; font-weight:bold; padding:20px 20px;}

}

/*--企业文化--*/
.culuretitle span { color:rgba(102,102,102,0.6); font-size:14px; display:block;}
.culuretitle h3 { font-size:34px; color:#009999; font-weight:bold; margin:0;}

.culurewen { width:80%; padding-top:25px;}
.culurewen p { font-size:15px; color:#333333; padding-bottom:18px; line-height:26px;}

.partner{width:100%; margin:0px auto; padding-top:15px; border-top:1px solid #E6E5E5; margin-top:20px; }
.partner .tab_menu{overflow:hidden;margin:0 auto; box-sizing: border-box; color:#666;}
.partner .tab_menu p{ font-size:20px;display:inline-flex; text-align:left;}
.partner .tab_menu li{ width:16.66%; padding:0 10px; float:left; text-align:center;cursor:pointer; }
.partner .tab_menu li a{ display:block; height:47px; line-height:47px; background:#E7E7E7; font-size:16px; color:#333333;}
.partner .tab_menu li.current a{ color:#fff; background:#FE0300}


.partner .tab_box{padding:0; padding-top:66px; padding-bottom:44px;}
.parcotent{margin-top:0px; width:92%;}
.parcotent p{font-size:15px; color:#333333; padding:15px 0;}
.parcotent h3 { font-size:17px; color:#333333;font-weight:bold; padding-bottom:24px; margin:0;}


@media screen and (max-width:1199px) {
.culurewen { width:100%; padding-top:25px;}
.parcotent{  width:100%;}
}
@media screen and (max-width:991px) {
.partner .tab_menu li a{ display:block; height:47px; line-height:47px; background:#E7E7E7; font-size:15px; color:#333333;}
.parcotent h3 { font-size:17px; color:#333333;font-weight:bold; padding-bottom:10px;}
}
@media screen and (max-width:879px) {
.partner .tab_menu li{  padding:0 3px; }

}
@media screen and (max-width:767px) {
.partner .tab_menu li{ width:50%; padding:3px;}
.partner .tab_box { padding-top:30px;}
}

/*--荣誉资质--*/
.honorwen { width:100%; padding-top:25px; padding-bottom:30px;}
.honorwen p { font-size:15px; color:#333333; padding-bottom:18px; line-height:26px;}
.mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color:rgba(0,0,0,0.5);z-index: 999;transition:all 1s;display: none}
.bigbox{ width:100%;margin:0 auto;overflow: hidden;}
.bigbox p { font-size:16px; color:#221815; text-align:center; padding-top:13px;}
.imgbox {}
.imgbox img { width:100%;}
.imgbox:hover{cursor:zoom-in}
.mask:hover{cursor:zoom-out}
.ryposition { position:relative; margin:0 auto; top:15%; text-align:center; max-width:1000px; height:auto; z-index:9999;}
.ryposition .ryimg {right:0;top:-10px;width:46px;cursor:pointer; position:absolute;}
.bigimg{ max-width:900px;margin:auto;display: none;border: 10px solid #fff;}
.bigbox .row { margin-left:-6px; margin-right:-6px;}
.bigbox .honor { padding-left:6px; padding-right:6px;}
.bigbox .honor { margin-bottom:30px;}
.bigbox .honor p { height:50px; overflow:hidden; font-size:16px; color:#221815; line-height:20px;}

@media screen and (max-width:767px) {

.bigimg{ width:100%;margin:auto;display: none;border: 10px solid #fff;}
.ryposition .ryimg {right:0;top:-60px;width:46px;cursor:pointer; position:absolute;}

.ryposition {top:25%;width:100%;}

}

/*--生产真空泵设备--*/
.equippic { position:relative; margin-bottom:19px; margin-top:19px; overflow:hidden;}
.equippic img { width:100%;}
.trade-box-item { position:absolute; width:100%;bottom:0; height:64px; background:url(../images/zkbbg.png) repeat; transition: all .4s cubic-bezier(.4, 0, .2, 1);}
.item-title { width:100%; height:64px; line-height:64px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
	text-align:center;
}
.item-text {position: relative;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    margin-top: 0px;
}

.item-text p { width:80%; margin:0 auto; text-align:center;color: #fff;font-size: 16px; height:100px; overflow:hidden;text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;}
.equippic:hover .item-text { display: block;opacity: 1; margin-top:20px;}
.equippic:hover .trade-box-item { height:100%; padding-top:10%;}

@media screen and (max-width:879px) {

.equippic:hover .item-text { display: block;opacity: 1; margin-top:10px;}
.item-text p { width:80%; margin:0 auto; text-align:center;color: #fff;font-size: 14px; height:100px; overflow:hidden;text-overflow: ellipsis;}

}


/*--联系我们--*/
.lxup p{ font-size:15px; color:#333333; line-height:26px;}
.lxup span { display:block; padding-bottom:20px;}
.lxer { text-align:center;}
.lxer p{font-size:15px; color:#333333; text-align:center; line-height:26px;}
.lxer img { max-width:100%; display:inline-block;}
.lxdown {}
.lxtitle { font-size:30px; color:#00a7b8; font-weight:bold;}
.contact_tab{ margin-top:30px;}
.contact_tab .tab_menu{overflow:hidden;}
.contact_tab .tab_menu li{ float:none; text-align:center; display:inline-block; height:46px; width:136px;line-height:45px;color:#fff; border:1px solid #AEAEAE; margin-right:10px; border-radius:24px; cursor:pointer;}
.contact_tab .tab_menu li:last-child { margin-right:0;}
.contact_tab .tab_menu li a{ display:block; font-size:16px; color:#333333;}
.contact_tab .tab_menu li a h3{ font-size:18px; color:#fff; line-height:24px; font-weight:normal;  width:85%; height:24px; overflow:hidden;}
.contact_tab .tab_menu li a p{ font-size:14px; color:#fff; line-height:24px; width:90%; height:24px; overflow:hidden;}
.contact_tab .tab_menu li.current{ border:1px solid #00A7B8; background:#00A7B8;}
.contact_tab .tab_menu li.current a{color:#fff;}
.contact_tab .tab_box{ padding:0; margin-top:30px; margin-bottom:65px; position:relative;}
.contact_tab .tab_box .hide{display:none;}
.contform { height:614px; background:#00A7B8; max-width:457px; width:100%; padding:28px; position:absolute; left:0; top:0; z-index:99;}
.contform .form-group label { font-size:15px; color:#fff; font-weight:bold;}
.red { color:#F00;}
.contform .form-control{ background:#EEEEEE; border-radius:0; height:58px; line-height:58px;}
.contform textarea.form-control { height:auto; line-height:25px;}
.contform .btn { background:#ACACAC; width:136px; height:48px; color:#fff; border:none; border-radius:0; margin-top:20px;}
.contform .form-group { margin-bottom:24px;}
.networkpic { padding-top:20px;}
.newtworkwen { padding-top:20px; padding-bottom:30px;}
.newtworkwen h4 { font-size:22px; color:#009999; font-weight:bold; margin-bottom:20px;}
.newtworkwen p{ font-size:15px; color:#4a4a4a; padding-bottom:22px;}

@media screen and (max-width:991px) {
.lxup { padding-bottom:10px;}
.lxer { text-align:left;}
.lxer p{font-size:15px; color:#333333; text-align:center; max-width:143px;}
}

@media screen and (max-width:767px) {
.contform { position:relative; margin-bottom:10px;}

}

/*--真空泵图片--*/
.pumppic ul { margin-left:-10px; margin-right:-10px;}
.pumppic ul li { width:33.33%; padding:0 10px; margin-bottom:12px; float:left;}
.pumppic ul li a { display:block;}

.pumpmeng { background:url(../images/prolan.png) repeat; width:100%; height:100%; padding-top:5%; text-align:center; left:0; bottom:-100%; position:absolute;}
.pumpdes { font-size:16px; color:#fff; line-height:24px; text-align:left; height:96px; margin:30px 36px 20px 36px;overflow:hidden;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;}
.pumpmeng span { display:inline-block; color:#fff; font-size:15px; width:103px; height:29px; line-height:29px; text-align:center; border:1px solid #fff; position:relative; z-index:9;}
.pumptitle { font-size:16px; color:#333333; text-align:left; margin-top:10px; margin-bottom:30px; height:50px; line-height:25px; overflow:hidden;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;}

.pumpmeng span:before { content:""; position:absolute; width:100%; height:0; left:0;color:#009999; bottom:0; background-color:#fff; z-index:-1;transition:all .3s;}
.pumpmeng span:hover:before { height:100%; }
.pumpmeng span:hover {color:#009999;}
.prokuang ul li:hover .protitle{ color:#009999;}

@media screen and (max-width:1199px) {
.pumpdes { font-size:14px; color:#fff; line-height:24px; text-align:left; height:96px; margin:20px 36px 10px 36px;overflow:hidden;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;}

}

@media screen and (max-width:991px) {
.pumpdes { height:72px; margin:20px 36px 10px 36px;overflow:hidden;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}

}
@media screen and (max-width:879px) {
.pumpdes { height:72px; margin:10px 20px 10px 20px;overflow:hidden;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}

}

@media screen and (max-width:767px) {
.pumppic ul li { width:100%; }
.pumpdes { height:72px; margin:15px 20px 10px 20px;overflow:hidden;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}


}

/*--真空技术知识--*/
.command{ margin:50px 0 20px;}
.command a{ display:block;}
.command a h3 strong{ font-size:24px; color:#024594; line-height:36px; font-weight:bold; margin-right:30px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.command a h3 span{ font-size:16px; color:#aaa; line-height:36px; font-weight:normal;}
.command a p{ font-size:16px; color:#666; line-height:30px; }
.command a p span{ float:right; font-size:16px; color:#666; line-height:30px; }
.command a:hover p span{  color:#2b8fed; }
.cnew1 a{display:block;font-size:18px;color:#333;padding-left:16px;background:url(../images/xin.png) no-repeat 0 center;line-height:20px;margin-bottom:25px;}
.cimport{ margin-bottom:16px;}
.cimport li a{ display:block; line-height:36px;font-size:16px; color:#333; box-sizing:border-box; padding-left:20px; background:url(../images/cdot.png) no-repeat 0 center; }
.cimport li a strong{font-size:16px; color:#333333; display:inline-block; float:left; font-weight:normal; transition:all 0.3s; width:70%; height:36px; overflow:hidden; text-overflow:ellipsis;white-space: nowrap;}
.cimport li a span{ display:inline-block; width:30%; text-align:right; color:#999;line-height:36px;font-size:16px;}
.cimport li a:hover{ background:url(../images/cdots.png) no-repeat 0 center; }
.cimport li a:hover strong{ color:#009999; font-weight:800;}
.newlist a{ display:block; position:relative;}
.newlist a .new_infor{ position:absolute; left:0px; height:65px; bottom:0px; width:100%; background-color:rgba(0,0,0,0.5);}
.newlist a .new_infor p{ font-size:18px; color:#fff; line-height:65px; margin:0 20px; height:65px; overflow:hidden; width:70%;white-space: nowrap;text-overflow: ellipsis;}

.knowwk .knowledge .owl-dots { display:block; position:absolute; right:10px; bottom:15px; text-align:right;}
.knowledge .owl-dots .owl-dot span{ background:#fff !important; margin:5px 4px !important; outline:0;}
.knowledge .owl-dots .owl-dot.active span, .knowledge .owl-dots .owl-dot:hover span{ background:#DF0024 !important;}
.knowledge .owl-nav { display:none;}
.knowpic { position:relative;}	
.knowbt { position:absolute; bottom:0; left:0; width:100%;padding:0 28px;  background: url(../images/knowbg.png) repeat; height:64px; line-height:64px;}	
.knowbt p { line-height:64px;font-size:17px; color:#fff; width:90%;word-break:keep-all;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis; }	
.knowwk .owl-theme .owl-dots .owl-dot span { width:10px; height:10px;}
	
	
	
	
@media (max-width:768px) {
.command{ margin:20px 0 20px;}
.command a h3 strong{ font-size:20px; display:block;}
.command a h3 span{ font-size:15px;}
.command a p{ font-size:15px; color:#666; line-height:24px; }
.cimport li a strong{font-size:15px; width:60%; height:30px;}
.cimport li a{ line-height:30px;font-size:15px; height:30px;}
.cimport li a span{line-height:30px;font-size:15px; float:right; width:35%;}
.newlist a .new_infor{  height:45px; bottom:0px; width:100%; background-color:rgba(0,0,0,0.5);}
.newlist a .new_infor p{ font-size:16px; line-height:45px; margin:0 15px; height:45px; overflow:hidden; width:70%; overflow:hidden;}
#slidernew  .bx-wrapper .bx-pager,
#slidernew  .bx-wrapper .bx-controls-auto {bottom:16px; right:10px;}
.command a p span{ font-size:15px; }
.newlist a .new_infor p{ overflow:hidden; width:60%;white-space: nowrap;text-overflow: ellipsis;}

}
@media (max-width:360px) {

.cimport li a strong{font-size:15px; width:55%; height:30px;}
.cimport li a span{ font-size:13px; float:right; width:40%;}
}


.cnew1 a span{ display: inline-block; font-size:16px; color:#666666; background:#fff; line-height:20px; padding:0 0 0 10px; float:right; font-weight:normal;}
.cnew1 a span:hover{ color:#009999;}
.ctop a{ display: block; background-color: #009999;  height: 40px; box-sizing: border-box; padding-top: 10px; margin-bottom:20px;} 
.ctop a h2{font-size:18px; color:#fff; font-weight: bold; margin:0; line-height:20px; margin-left: 10px; padding-left: 17px; border-left:4px solid #fff;}
.ctop a h2 span{font-size:16px; color:#fff; font-weight: normal; line-height:20px; margin-right: 10px; float:right;}
.cnew_img a{ display: block; background-color: #f6f6f6; margin-bottom: 30px;}
.cnew_img a:after{clear:both;content:'';display:block;width:0;height:0;visibility:hidden; }
.c_img{ width: 40%; float: left;}
.c_img img{ width: 100%;}
.c_content{ width:60%; float:left; box-sizing: border-box; padding: 22px;}
.c_content h3{font-size:18px; color:#024594; font-weight:bold; line-height:24px; height:24px; width:100%;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.c_content p{font-size:16px; color:#666;  line-height:24px; margin-top: 20px;}
.cedio_img{ width: 30%; float: left; margin-bottom: 20px;}
.cedio_content{ width:70%; float: left; box-sizing: border-box; padding-left: 15px;}

@media screen and (min-width:768px) and (max-width:1200px){
.c_content p{ height:70px; overflow: hidden;margin-top:10px;}	
.cimport li a{ font-size:15px; padding-left:15px;}
.cimport li a strong{font-size:15px; width:60%;}
.cimport li a span{ width:40%; font-size:15px;}
.cedio_content .cimport li a strong{font-size:15px; width:50%;}
.cedio_content .cimport li a span{ width:50%; font-size:15px;}	
}
@media (max-width:768px) {
.cover{ padding:0 15px;}
.c_img{ width:100%; float:none;}	
.c_content{ width:100%; float:none; padding:16px;}
.cedio_img{ width:100%; float:none;}
.cedio_img img{width: 100%;}
.cedio_content{ width:100%; float:none; box-sizing: border-box; padding-left:0px;}
}

/*--公司视频--*/
.gsvideo {}
.gsvideo ul { margin-left:-5px; margin-right:-5px;}
.gsvideo ul li { width:33.33%; padding:0 5px; float:left;}
.gsvideo ul li a { display:block;  }
.videodw {position:relative;overflow:hidden;}
.gsvideo ul li a img { width:100%;}
.gsvideo ul li a img {
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
}
.gsvideo ul li a:hover img {
    transform: scale(1.05, 1.05);
    transition: transform 0.6s ease 0s;
}

.videomeng { position:absolute; background:url(../images/videobg.png) repeat; width:100%; height:100%; left:0; top:0; text-align:center;}
.videomeng i { background:url(../images/video.png) no-repeat; width:51px; height:51px; display:inline-block; margin-top:24%; }
.videotitle { height:25px; font-size:18px; color:#333333; font-weight:bold; margin-top:18px;word-break:keep-all;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;}
.videotime { float:left; font-size:15px; color:#a6a6a6; background:#EDEDED; height:132px; width:10%; padding:26px 16px;}
.videolie { padding-top:50px;}
.videolie ul li { margin-bottom:20px; overflow:hidden;}
.videobt { font-size:16px; height:25px; color:#333333;word-break:keep-all;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis; }
.videoright { background:url(../images/newvideoh.png) no-repeat 6px 30px; float:left;width:90%; padding:26px 6px 0 48px; border:1px solid #D4D4D4; border-left:none; height:132px;}
.videolie ul li:hover .videoright { background:url(../images/newvideo.png) no-repeat 6px 30px;background-color:#EDEDED;}
.videoright p { font-size:14px; margin-top:12px; height:50px;overflow:hidden;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.videolie ul li:hover .videotime { background:#009999; color:#fff;}
.videolie ul li:hover .videobt { color:#009999; font-weight:bold;}

@media (max-width:1199px) {
.videotime { width:13%;}
.videoright { width:87%;}

}
@media (max-width:879px) {
.videotime { width:15%;}
.videoright { width:85%;}

}

@media (max-width:767px) {
.gsvideo ul li { width:100%; padding:5px 5px; float:left;}
.videotime { width:100%; height:50px;padding:16px 16px;}
.videoright { width:100%;border:1px solid #D4D4D4; border-top:none;}

}

/*--真空泵应用领域--*/
.field {}
.fieldtitle { font-size:18px; text-align:center; margin:10px 0; height:25px;word-break:keep-all;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;}
.fieldpic { position:relative; overflow:hidden;}
.fieldpic img { width:100%;}
.fieldpic img {
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
}
.field .col-sm-3 a:hover .fieldpic img {
    transform: scale(1.05, 1.05);
    transition: transform 0.6s ease 0s;
}

.fieldico { position:absolute; background:url(../images/yybg.png) repeat; width:100%; height:100%; left:0; top:0;}
.field a{ display:block;}
.field .col-sm-3 { padding-top:15px; padding-bottom:15px;}
.social {
padding: 0;
margin: 0;
list-style: none;
transform: translateY(-50%);
position: absolute;
top: 50%;
width:100%;
text-align:center;
left: 0px;
z-index: 4;
}
.col-sm-3 .social li {color:#fff; font-size:15px; text-align:center;
opacity: 0;
transform: translateX(-60px);
transition: transform .3s ease-out 0s;
}
.col-sm-3:hover .social li {opacity: 1;transform: translateX(0); }
.field .social li i{color:#fff; font-size:15px; font-style:normal; width:105px; height:30px; border:1px solid #fff; display:inline-block; line-height:30px;}
.col-sm-3:hover .fieldtitle { color:#009999;}
		
/*--发展历程--*/
@font-face {
    font-family: 'dinCond-Medium';
    src: url('../fonts/dincond-medium-webfont.eot');
    src: url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dincond-medium-webfont.woff') format('woff'),
         url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
         url('../fonts/dincond-medium-webfont.svg#novecentowide-bold-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

.honer{ position: relative;width:100%; margin:0 auto;height:auto; margin-top:30px; padding-bottom:30px;}
.hrong{ position:relative; }
.honer .sss{ z-index:9;width:1px; position:absolute; top:0; left:28.7%; background:#DEDAD7; display:block; height:100%;}

.wi01{ padding:20px 0;    position: relative; z-index:1;}
.wi01 .w1130{   position: relative;}
.wi01 .left{ color:#333333; width:28%; text-align:center;padding-top:10px; font-size:50px;font-family: 'dincond-medium';}
.wi01 .right{   width:72%; }
.wi01 .right img{ margin-right:5px;}
.wi01 .right span{ float:left;padding-top: 4px; width:40px;}

.wi01 .right .p{ float:left; width:90%; font-size:15px; color:#666;}
.wi01 .right .p p{ font-size:15px; color:#666;}

.wi01 .right .p b{ display:block; padding-top:6px; font-weight:normal; font-size:15px; color:#666;}
.wi01:hover .left{ color:#fff;}
.wi01:hover .right p{ color:#fff;}
.wi01:hover .right .p b{ color:#fff;}
.wi01:hover .right span{ color:#fff;}


.wi01::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background-color:#00A1B3;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.1, 1,0.1);
    transform: scale3d(0.1, 1, 0.1);
    -webkit-transition: -webkit-transform 0.8s, opacity 0.8s;
    transition: transform 0.8s, opacity 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.wi01:hover::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

@media screen and (max-width:1300px){
.honer .sss{   left:28.7%;}
}
@media screen and (max-width:1199px){
.honer .sss{   left:28.9%;}
}
@media screen and (max-width:1100px){
.honer .sss{   left:28.8%;}
}

@media screen and (max-width:991px){
.honer .sss{   left:29.1%;}
}
@media screen and (max-width:767px){
.wi01 .left{ width:100%; padding-left:20px; padding-top:18px; font-size:50px;font-family: 'dincond-medium';}
.wi01 .right{   width:100%; padding-left:20px; padding-top:10px; }
.honer .sss{ display:none;}

}

		
		
.votab { overflow:hidden; width:100%;}
.votabn { overflow-x: auto;}
		
@media screen and (max-width:767px){
	
footer { margin-bottom:58px;}		
}
.footnav { position:fixed; bottom:0px; width:100%; background:#009896; border-bottom:1px solid #ABDDD7; border-top:1px solid #ABDDD7; height:58px; z-index:99;}
.footnav ul li { width:33.33%; float:left; text-align:center; line-height:58px; border-right:1px solid #57B1B1;}
.footnav ul li:last-child { border-right:none;}
.footnav ul li a { display:block; width:100%; height:100%; }
.footnav ul li a span{ font-size:16px; color:#fff; padding-left:30px; display:inline-block; line-height:58px;}
.footnav ul li a span.fotico1 { background:url(../images/01.png) no-repeat left;}
.footnav ul li a span.fotico2 { background:url(../images/02.png) no-repeat left;}
.footnav ul li a span.fotico3 { background:url(../images/03.png) no-repeat left;}